<template>
    <el-menu
        :default-active="activeId"
        class="slide">
        <el-menu-item index="product" @click="$emit('forward','product')">
            <i class="el-icon-menu"></i>
            <span slot="title">产品管理</span>
        </el-menu-item>
        <el-menu-item index="content" @click="$emit('forward','content')">
            <i class="el-icon-menu"></i>
            <span slot="title">业务管理</span>
        </el-menu-item>
        <el-menu-item index="config" @click="$emit('forward','config')">
            <i class="el-icon-menu"></i>
            <span slot="title">系统管理</span>
        </el-menu-item>
    </el-menu>
</template>

<script>
export default {
  name:'slide',
  props:[],
  data() {
      return {
          activeId:''
      }
  },
  methods:{
      handleOpen() {
          console.log(123)
      },
      handleClose() {

      }
  },
  created() {
      this.activeId = window.location.hash.split('/')[1]
  }
}
</script>

<style lang="scss">
    .slide{
        width: 200px;
        height: 100%;
        position: fixed;
        left: 0;
        top: 60px;
    }
</style>


